@import url('./group.less');

@prefixCls: ym-avatar;
@primaryColor: #f66e2c;
.@{prefixCls} {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    // font-size: 14px;
    list-style: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: @primaryColor;
    border-radius: 50%;
    &-img {
      background: transparent;
      > img {
        background: transparent;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

    }
    &-string {
      position: absolute;
      left: 50%;
      transform-origin: 0 center;
    }
    &-square {
      border-radius: 8px;
    }
}

